<template>
  <div>
    <van-nav-bar title="选择物流公司" left-arrow @click-left="onClickLeft" :border="false">
      <van-icon name="arrow-left" slot="left" color="#000" size="20" />
      <van-icon name="ellipsis" slot="right" color="#000" size="20" />
    </van-nav-bar>
    <div style="width:100%;height:10px;background-color:#F8F8F8"></div>
    <van-radio-group v-model="radio">
      <van-cell-group>
        <van-cell title="安能物流" clickable @click="radio = '1'">
          <template #right-icon>
            <van-radio name="1" />
          </template>
        </van-cell>
        <van-cell title="百世汇通快递" clickable @click="radio = '2'">
          <template #right-icon>
            <van-radio name="2" />
          </template>
        </van-cell>
        <van-cell title="德邦快递" clickable @click="radio = '2'">
          <template #right-icon>
            <van-radio name="3" />
          </template>
        </van-cell>
        <van-cell title="EMS" clickable @click="radio = '2'">
          <template #right-icon>
            <van-radio name="4" />
          </template>
        </van-cell>
        <van-cell title="申通快递" clickable @click="radio = '2'">
          <template #right-icon>
            <van-radio name="5" />
          </template>
        </van-cell>
        <van-cell title="中通快递" clickable @click="radio = '2'">
          <template #right-icon>
            <van-radio name="6" />
          </template>
        </van-cell>
        <van-cell title="圆通快递" clickable @click="radio = '2'">
          <template #right-icon>
            <van-radio name="7" />
          </template>
        </van-cell>
      </van-cell-group>
    </van-radio-group>
  </div>
</template>

<script>
import part1 from "_c/markets/refund/part1.vue";
import part2 from "_c/markets/refund/part2.vue";
import part3 from "_c/markets/refund/part3.vue";
import part4 from "_c/markets/refund/part4.vue";
import part5 from "_c/markets/refund/part5.vue";
import { getFun, getTimer } from "@/api/publicFun.js";
let publicFun = getFun();
export default {
  name: "orderDetail",
  components: {
    part1,
    part2,
    part3,
    part4,
    part5
  },
  data() {
    return {
        radio:'',
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  },
  mixins: [publicFun], //混入
  mounted() {}
};
</script>

<style scoped="">
</style>